<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
</head>
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/buy-car.css">

<body>
    <!-- 头部 S -->
    <div class="ifra">
        <iframe src="./header.html" frameborder="0" width="1024px" height="150px"></iframe>
    </div>
    <!-- 头部 E -->


    <!-- 主体 S -->
    <div class="body">
        <div class="car-list">
            <img src="./imgs/mycart.gif" alt="">
            <span>全场运费一律2元</span>
            <a href="#">简易计算器</a>
            <img src="./imgs/buytitle_bg.gif" alt=""><span class="span-title">确认商品价格与交易条件</span>
            <table>
                <thead class="t_head">
                    <tr>
                        <td>商品名</td>
                        <td>原价</td>
                        <td>优惠价</td>
                        <td>打折</td>
                        <td>数量</td>
                        <td>删除</td>
                    </tr>
                </thead>
                <tbody class="t_body">
                    <tr>
                        <td><a href="#">攀高搓捶背靠垫按摩器(蓝色) (定制)</a></td>
                        <td><span class="ori_price">￥258.00</span></td>
                        <td><span class="spec_price">￥129.00</span></td>
                        <td class="special">50折</td>
                        <td><input type="text" value="1"></td>
                        <td><a href="#">删除</a></td>
                    </tr>
                    <tr>
                        <td><a href="#">郝彬美国口语美国口语成功训练系统(MP3)</a></td>
                        <td><span class="ori_price">￥480.00</span></td>
                        <td><span class="spec_price">￥292.90</span></td>
                        <td class="special">60折</td>
                        <td><input type="text" value="1"></td>
                        <td><a href="#">删除</a></td>
                    </tr>
                    <tr>
                        <td><a href="#">简.奥斯汀全集(DVD-9) (赠BBC产 品目录...</a></td>
                        <td><span class="ori_price">￥138.00</span></td>
                        <td><span class="spec_price">￥103.90</span></td>
                        <td class="special">80折</td>
                        <td><input type="text" value="1"></td>
                        <td><a href="#">删除</a></td>
                    </tr>
                    <tr>
                        <td><a href="#">继续挑选商品</a></td>
                        <td colspan="2" class="total">￥527.40</td>
                        <td colspan="3" class="cut_down">你共节省：￥348.60</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="person-message">
            <img src="./imgs/buytitle_bg.gif" alt="">
            <span class="message">补充您的邮件地址和联系人基本信息</span>
            <div class="form">
                <span>收件人：</span>
                <input type="text">
                <br />
                <span>地&nbsp;&nbsp;&nbsp;址：</span>
                <input type="text">
                <span class="intention">请点击填写地址</span>
                <br />
                <span>电&nbsp;&nbsp;&nbsp;话：</span>
                <input type="text" class="phone1">
                <span>-</span>
                <input type="text" class="phone2">
                <span>-</span>
                <input type="text" class="phone1">
                <span>(区号-电话号码-分机)</span>
            </div>
            <input type="button">

        </div>
    </div>
    <!-- 主体 E -->

    <!-- 底部 S -->
    <div class="ifra">
        <iframe src="./footer.html" frameborder="0" width="1024px" height="160px"></iframe>
    </div>
    <!-- 底部 E -->
</body>

</html>